Before

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-006 — BEFORE</title>
		<body>
			<nav class="breadcrumbs" aria-label="Breadcrumb">
				<ol>
					<li>
						<a href="/">Home</a>
					</li>
					<li>
						<a href="/shop">Shop</a>
					</li>
					<li aria-current="page">Abayas</li>
				</ol>
			</nav>
			<style>
			.breadcrumbs ol { 
				display:flex; 
				gap:6px; }
			.breadcrumbs li + li::before { 
				content: "<"; 
				margin: 0 6px; } 
			.breadcrumbs li::marker { 
			content: none; }
			</style>
		</body>
	</html>


After

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-006 — AFTER</title>
		<body>
			<nav class="breadcrumbs" aria-label="مسار التنقل" dir="rtl">
				<ol>
					<li>
						<a href="/">الرئيسية</a>
					</li>
					<li>
						<a href="/shop">المتجر</a>
					</li>
					<li aria-current="page">العبايات</li>
				</ol>
			</nav>
			<style>
			.breadcrumbs[dir="rtl"] ol { 
				display:flex; 
				gap:6px; }
			.breadcrumbs[dir="rtl"] li + li::before { 
				content: ">"; 
				margin: 0 6px; }
			.breadcrumbs[dir="rtl"] li::marker { 
				content: none;  }
			</style>
		</body>
	</html>


Notes:
Severity: P2
Rule: SG §1 Ordered UI
Fix: mirrored divider; ensure focus order RTL.
Verify: Visual order RTL; keyboard navigation follows RTL; SR path is correct.
